import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
// 引入PrimeVue组件库
import PrimeVue from 'primevue/config'
// 引入PrimeVue主题样式
import 'primevue/resources/themes/lara-light-teal/theme.css'
// 导入PrimeFlex样式库
import '/node_modules/primeflex/primeflex.css'
// 导入PrimeIcons的CSS文件
import 'primeicons/primeicons.css'

// 吐司组件
import Toast from 'primevue/toast'
// 吐司服务
import ToastService from 'primevue/toastservice'

// Button组件
import Button from "primevue/button"

// Toolbar组件
import Toolbar from 'primevue/toolbar'

// 下拉选择
import Dropdown from 'primevue/dropdown'

// 数据表
import DataTable from 'primevue/datatable'

// 数据列
import Column from 'primevue/column'

// 对话框
import Dialog from 'primevue/dialog'

// 输入框
import InputText from 'primevue/inputtext'

// 日期
import Calendar from 'primevue/calendar'

// 图标
import IconField from 'primevue/iconfield'
import InputIcon from 'primevue/inputicon'
const app = createApp(App)

app.use(router)
app.use(PrimeVue)
app.use(ToastService)
app.component('Button', Button)
app.component('Toolbar', Toolbar)
app.component('Toast',Toast)
app.component('Dropdown',Dropdown)
app.component('DataTable',DataTable)
app.component('Column',Column)
app.component('Dialog',Dialog)
app.component('InputText',InputText)
app.component('Calendar',Calendar)
app.component('IconField',IconField)
app.component('InputIcon',InputIcon)
app.mount('#app')
